<!--注册表单-->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<style>

    div.border {
        width: 600px;
        border: 30px #f5f5f5 solid;
        margin: 30px auto;
    }

    ul {
        position: relative;
        top: 70px;
    }
    ul>li:last-child,ul>li:last-child>a{
        float: right;
        color: #f42424;
    }


    form {
        width: 500px;
        margin: 100px auto;
    }

    input {
        width: 75px;
    }

    input.reply {
        width: 100px;
        float: left;
    }

    img {
        cursor: pointer;
        margin-left: 10px;
        height: 31px;
    }

    button.register, button.register:hover {
        margin-left: 100px;
        width: 200px;
        background-color: #f42424;
        border: #dd1221;
        line-height: 30px;
        font-size: 18px;
        color: white;
    }
</style>
<script src="../js/register_validation.js"></script>
<div class="border">

    <ul class="nav nav-tabs">
        <li role="presentation"><a href="registered.php">新用户注册</a></li>
        <li role="presentation" class="active"><a href="#">商家注册</a></li>
        <li role="presentation"><a href="../index.php" >返回首页</a></li>
    </ul>

    <form class="form-horizontal" method="post" action="../action/register_merchant_OK.php" name="register"
          onsubmit="return validation();">
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="account" placeholder="登录的账号" name="userName">
                <span>只能是数字或字母的组合</span>
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" id="password" placeholder="密码" name="password" maxlength="11">
                <span>数字、字母、下划线(_)、点(.)、逗号(,)之间的组合</span>
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">性别</label>
            <div class="col-sm-10">
                <input type="radio" name="gender" id="optionsRadios1" value="男" checked>男
                <input type="radio" name="gender" id="optionsRadios1" value="女">女
            </div>
        </div>
        <div class="form-group merchant" name="merchant">
            <label for="inputPassword3" class="col-sm-2 control-label">姓名</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" placeholder="输入你的真实姓名" name="relName">
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">手机号</label>
            <div class="col-sm-10">
                <input type="tel" class="form-control" id="phone" placeholder="输入你常用的手机号码" name="phone" maxlength="11">
                <span>输入11位的手机号码</span>
            </div>
        </div>
        <div class="form-group merchant" name="merchant">
            <label for="inputPassword3" class="col-sm-2 control-label">身份证号码</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="phone" placeholder="身份证号码" name="IDcard" maxlength="18">
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">出生年月</label>
            <div class="col-sm-10">
                <input type="date" class="form-control" id="birth" name="birth">
            </div>
        </div>
        <div class="form-group merchant" name="merchant">
            <label for="inputPassword3" class="col-sm-2 control-label">家庭住址</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="address" placeholder="详细到乡镇" name="address">
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">验证码</label>
            <div class="col-sm-10">
                <input type="text" class="form-control reply" id="inputPassword3" name="reply">
                <img id="img" src="../util/CreateImg.php" alt="验证码"
                     onclick="this.src='../util/CreateImg.php?'+Math.random()">
                <a href="#"
                   onclick="document.getElementById('img').src='../util/CreateImg.php?'+Math.random()">看不清？换一张</a>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-success register">立即注册</button>
            </div>
        </div>
    </form>

</div>